@media screen and (min-width:900px){

	#nav-links_home,
	#mobile-image-nav{
		display:none
		}

}

@media screen and (max-width:900px){

	body,
	html {
		position: fixed;
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}

	h1,h2,h3,h4,h5,h6,.t-large,
	#archive-container ul li{
		font-size:10vh;
		line-height: 1em;
		}

	#archive-container.size-medium li,
	#archive-container.size-medium .t-large {
		font-size: 10vh;
	}

	h1,h2,h3,h4,h5,h6,.t-large {
		top: 0;
	}

	/*  NAV  */

	#nav-logo {
    	-webkit-transform: none;
    	transform: none;
	}

	#nav-overlap {
		top: 0;
	}

	#nav-logo br,
	#nav-overlap br{
		display:none
		}

	#nav-crumb{
		display:block;
		margin: 0 10px;
		}

	#nav-links{
		position: fixed;
		bottom: 0;
		left: 0;
		transform:none;
		opacity:0;
		pointer-events:none
		}

		#nav-links:before {
			content: '';
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #fff;
		}

		#nav-links li {
			display: block;
			margin-right: 0;
		}

		#nav-links li a{
			font-size: 10vh;
			line-height: .84em;
		}

		html.responsive_nav #nav-links{
			opacity:1;
			pointer-events:auto
			}

		html.responsive_nav #nav,
		html.responsive_nav #nav-links{
			color:#000 !important
			}

		html.responsive_nav #nav-overlap{
			color:#ffffff
			}

		html.responsive_nav #nav-logo{
			opacity:.3
			}


		html.responsive_nav #nav-crumb #image_caption,
		html.responsive_nav #mobile-image-nav{
			display:none
			}

	/*  NAV - END  */

	/*  GALLERY INDEX  */

	#archive-container,
	#tours-container{
		position:fixed;
		width:calc(100% - 10vw);
		top:auto;
		bottom:10px;
		left:0;
		right:auto;
		transform:none
		}

	#archive-container ul li .t-roman {
		vertical-align: 3px;
	}

	body:not(#images-index):not(#videos-index) #archive-container ul li{
		display:block
		}

/*	body#tours-index #container{
		display:flex;
    	display:-webkit-flex;
    	flex-wrap:wrap;
    	-webkit-flex-wrap:wrap;
    	flex-direction:column;
    	-webkit-flex-direction:column;
    	justify-content:flex-end
		}*/

	/*  GALLERY INDEX - END  */

	/*  GALLERY SINGLE  */

	#image-full-load,
    #image-full-container{
    	height:calc(100% - 40px)
	    }

	#image-track{
		position:fixed;
		bottom:-1px;
		height:100%;
		overflow-y:scroll;
        -webkit-overflow-scrolling:touch;
		-webkit-transform:translateY(100%);
		transform:translateY(100%);
		background:#000;
		z-index:200
		}

		#image-track ul{
	        display:flex;
	        display:-webkit-flex;
	        flex-wrap:wrap;
	        -webkit-flex-wrap:wrap;
	        width:auto !important;
	        transform:none;
			padding:0 0 40px;
	        opacity:1 !important
			}

		#image-track ul li{
			display:inline-block;
			width:25%;
			height:25vw;
			background:#000 !important;
			}

		#image-track ul li img{
	        position:relative;
	        width:100%;
	        height:100% !important;
	        max-width:none;
	        top:50%;
	        left:50%;
	        -webkit-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	        object-fit:cover;
	        opacity:1 !important
			}

	#mobile-image-nav{
		position:fixed;
		width:100%;
		line-height:0;
		bottom:0;
		z-index:200
		}

		html.dark_room #mobile-image-nav{
			filter:invert(100%)
			}

		#mobile-image-nav > div{
			flex:1;
			text-align:center;
			}

		#image-nav-pagination{
			width:50%;
			font-size:0
			}

		#image-nav-pagination button{
			display:inline-block;
			width:50%;
			height:40px
			}

		#image-nav-pagination button.hide{
			pointer-events:none;
			opacity:.2
			}

		#image-nav-pagination .image_next{
			background:url(../inc-img/icon-right-white.svg) center/70% no-repeat;
			}

		#image-nav-pagination .image_prev{
			background:url(../inc-img/icon-left-white.svg) center/70% no-repeat;
			}

	#next_images{
		line-height:40px;
		color:#000 !important;
		z-index:205
		}

	html.image_track #image-track{
		-webkit-transform:translateY(0);
		transform:translateY(0)
		}

		html.image_track #track_click_back{
			display:block
			}

		#track_click_back,
		html.image_track #track_click_all{
			display:none
			}

		html.image_track #image-nav-pagination button{
			visibility:hidden
			}

	/*  GALLERY SINGLE - END  */

	/*  PRESS  */

	.press{
		width: 50%;
		opacity: 1 !important;
		}

	#press-container{
		max-height: 100vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		margin:0 9.5vw 0 0
		}

	/*  PRESS - END  */

	/*  TOUR  */

	#tours-container{
		margin:0 10vw 0 0;
		}

	/*  TOUR - END  */

	/*  ABOUT  */

	#about-image{
		position:relative;
		width:60%
		}

	#about-content{
		position:relative;
		top:auto;
		width:60%;
		left:5vw;
		margin:20vw auto
		}

	/*  ABOUT - END  */

}

@media screen and (max-width:500px){

	body{
		font-size:12px
		}

	h1,h2,h3,h4,h5,h6,.t-large,
	#archive-container ul li{
		font-size:12vw
		}

	#archive-container.size-medium li,
	#archive-container.size-medium .t-large {
		font-size: 12vw;
	}

	/*  NAV  */

	#nav-links li a{
		font-size:18vw
		}

	/*  NAV - END  */

	/*  ABOUT  */

	#about-content{
		width:90%
		}

	/*  ABOUT - END  */

	/*  PRESS  */

	.press{
		width:100%
		}

	.press img{
		width:100%
		}

	.press .press-content{
		width:100%;
		padding:5px 0
		}

	/*  PRESS - END  */

	/*  GALLERY SINGLE  */

	#image-track ul li{
		display:inline-block;
		width:33.3%;
		height:33.3vw;
		background:#000 !important;
		}

	/*  GALLERY SINGLE - END  */

	/*  VIDEO SINGLE  */

	#video-full{
		max-width:100%
		}

	#video-full #video_play,
	#video-full #video-thumbnail{
		display:none
		}

	/*  VIDEO SINGLE - END  */

}